
{% load i18n %}

{% block content %}
<!DOCTYPE html> 
<html> 
    <head> 
    <title>Teacher Mode</title> 
<link rel="stylesheet" href="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.css" />
    <script src="/static/jquery.min.js"></script>
    <script src="/static/jquery.mobile-1.0a2/jquery.mobile-1.0a2.min.js"></script>
</head> 
<body>

<!-- Home Page -->
<div data-role="page" > 
    <div data-role="header">

<div data-role="navbar">
	<ul>
<li><a rel="external" href="/" >Student Mode</a></li>
		<li><a rel="external"  class="ui-btn-active ui-state-persist" href="/courses/ITeach" rel="external">Teacher Mode</a></li>
	<li><a rel="external" href='/accounts/logout/' rel="external" > logout</a></li>	
	</ul>
</div><!-- /navbar -->   

    </div> 
    <div data-role="content">

{% if my_courses %}
<h2>Courses you teach:</h2>
<ul data-role="listview" data-inset="true" >
{% for course in my_courses %}
<li><a href="/courses/mycourse/{{course.id}}" rel="external">{{course.title}}</a></li>
{% endfor %}</ul>
<ul data-role="listview" data-inset="true">
<li><a href="/courses/create" rel="external" > Create a new course </a></li></ul>
{% else %}
<h2>
You don't teach any courses</h2>
<ul data-role="listview" data-inset="true"><li>
<a href="/courses/create" rel="external" > Create a new course </a></li></ul>
{% endif %}
<ul data-role="listview" data-inset="true"><li>
<a href="/courses/requests"rel="external" >View your requests</a></li></ul>

</div> 
</div> 
</body>
</html>

{% endblock %}
